<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>提交订单_支付</title>
    <script type="text/javascript" src="__PUBLIC__/Js/home/jquery-1.11.3.js"></script>
    <script type="text/javascript" src="__PUBLIC__/Js/layer/layer.js"></script>
    <script>
        //要写在user_common.js调用之前     因tp框架中定义的常量，在外部调用的js中不能被解析
        var tp_defined = {'url': '__URL__'};
    </script>
    <script type="text/javascript" src="__PUBLIC__/Js/home/user_common.js"></script>
    <link rel="stylesheet" type="text/css" href="__PUBLIC__/Css/home/submitOrder.css">
</head>
<body>
<!--全部背景-->
<div class="all-thing">
    <!--中间内容-->
    <div class="tcmain">
        <!--引入购物车头部文件-->
        <include file="Common/cart_header"/>
        <!--导航条-->
        <div id="ctl00_showNav" class="shop_nav shop_nav-end"></div>
        <!--导航条end-->
        <!--订单提交-->
        <div class="shop_of-for">
            <div class="shop_ofor-top">
                <img src="__PUBLIC__/Images/home/right.png" height="67" width="54">
                <h3>订单提交成功，请您尽快完成支付！</h3>
                <!--<h4>请您在24小时内完成付款，超过24小时后系统将自动取消订单。</h4>-->
                <p class="shop_ofor-font">
                    <span>订单号：{$order_id} | 应付总金额：</span>
                    <i style="font-family: 微软雅黑;">￥{$total}</i>
                    <a href="__URL__/orderDetail/orderid/{$order_id}" target="_top">查看订单&gt;&gt;</a>
                </p>
            </div>
            <div class="shop_oforpay fix">
                <h2 class="fl">网上支付方式</h2>
                <!--<div class="shop_oforpayright fr">
                    <span>银行卡限额？没关系，我们支持</span>
                    <a href="#">分笔支付</a>
                </div>-->
            </div>
            <!--银行-->
            <ul class="shop_ofor-bank">
                <li>
                    <input name="target" value="0005" checked="checked" id="bankgongshang" type="radio">
                    <label for="bankgongshang">
                        <img src="__PUBLIC__/Images/home/bank1.jpg" height="43" width="160">
                    </label>
                </li>
                <li>
                    <input name="target" id="bankpingan" value="14" type="radio">
                    <label for="bankpingan">
                        <img src="__PUBLIC__/Images/home/bank2.jpg" height="43" width="160">
                    </label>
                </li>
                <li>
                    <input name="target" id="bankjianshe" value="1010" type="radio">
                    <label for="bankjianshe">
                        <img src="__PUBLIC__/Images/home/bank3.jpg" height="43" width="160">
                    </label>
                </li>
                <li>
                    <input name="target" id="banknongye" value="43" type="radio">
                    <label for="banknongye">
                        <img src="__PUBLIC__/Images/home/bank4.jpg" height="43" width="160">
                    </label>
                </li>
                <li>
                    <input name="target" id="bankzhaoshang" value="3" type="radio">
                    <label for="bankzhaoshang">
                        <img src="__PUBLIC__/Images/home/bank5.jpg" height="43" width="160">
                    </label>
                </li>
                <li>
                    <input name="target" id="bankjiaotong" value="67" type="radio">
                    <label for="bankjiaotong">
                        <img src="__PUBLIC__/Images/home/bank6.jpg" height="43" width="160">
                    </label>
                </li>
                <li>
                    <input name="target" id="bankzhongxin" value="84" type="radio">
                    <label for="bankzhongxin">
                        <img src="__PUBLIC__/Images/home/bank7.jpg" height="43" width="160">
                    </label>
                </li>
                <li>
                    <input name="target" id="bankhuaxia" value="60" type="radio">
                    <label for="bankhuaxia">
                        <img src="__PUBLIC__/Images/home/bank8.jpg" height="43" width="160">
                    </label>
                </li>
                <li>
                    <input name="target" id="bankpufa" value="1022" type="radio">
                    <label for="bankpufa">
                        <img src="__PUBLIC__/Images/home/bank9.jpg" height="43" width="160">
                    </label>
                </li>
                <li>
                    <input name="target" id="bankdongya" value="0051" type="radio">
                    <label for="bankdongya">
                        <img src="__PUBLIC__/Images/home/bank10.jpg" height="43" width="160">
                    </label>
                </li>
                <li>
                    <input name="target" id="bankguangfa" value="44" type="radio">
                    <label for="bankguangfa">
                        <img src="__PUBLIC__/Images/home/bank11.jpg" height="43" width="160">
                    </label>
                </li>
                <li>
                    <input name="target" id="bankxingye" value="33" type="radio">
                    <label for="bankxingye">
                        <img src="__PUBLIC__/Images/home/bank12.jpg" height="43" width="160">
                    </label>
                </li>
                <li>
                    <input name="target" id="bankmingsheng" value="28" type="radio">
                    <label for="bankmingsheng">
                        <img src="__PUBLIC__/Images/home/bank13.jpg" height="43" width="160">
                    </label>
                </li>
                <li>
                    <input name="target" id="bankzhongguo" value="85" type="radio">
                    <label for="bankzhongguo">
                        <img src="__PUBLIC__/Images/home/bank14.jpg" height="43" width="160">
                    </label>
                </li>
                <li>
                    <input name="target" id="bankguangda" value="74" type="radio">
                    <label for="bankguangda">
                        <img src="__PUBLIC__/Images/home/bank15.jpg" height="43" width="160">
                    </label>
                </li>
                <li>
                    <input name="target" id="bankyouzheng" value="59" type="radio">
                    <label for="bankyouzheng">
                        <img src="__PUBLIC__/Images/home/bank16.jpg" height="43" width="160">
                    </label>
                </li>
                <li>
                    <input name="target" id="bankzaixian" value="8607" type="radio">
                    <label for="bankzaixian">
                        <img src="__PUBLIC__/Images/home/bank17.jpg" height="43" width="160">
                    </label>
                </li>
                <li>
                    <input name="target" id="bankzhifubao" value="alipay" type="radio">
                    <label for="bankzhifubao">
                        <img src="__PUBLIC__/Images/home/bank18.jpg" height="43" width="160">
                    </label>
                </li>

            </ul>
            <!--银行end-->
            <!--提交按钮-->
            <div class="shop_ofor-button">
                <div class="bt3" onclick="topay({$order_id})"><span>立即支付</span></div>
            </div>
            <!--提交按钮end-->
        </div>
        <!--订单提交end-->
        <!--引入购物车底部文件-->
        <include file="Common/cart_footer"/>
    </div>
    <!--全部背景end-->
</div>
</body>
</html>
